<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="/plantillas/plantilla.xhtml">

	<ui:define name="cabecera">
		<style>
			.panelFlotante {
				width:380px;
				height: 120px;
				left: 100px;
				top: 100px;
				position: absolute;
				z-index: 999;			
			}
			.panelContenedor {
				width:450px; 
				height:250px; 
				position:relative;
			}
		</style>
		<script type="text/javascript">			
			function ocultarPanel2(){
		    	$("#form1\\:panel2").hide();
			}
			function mostrarPanel2(){
		    	$("#form1\\:panel2").show();
			}
		</script>
	</ui:define>
	
	<ui:define name="contenido">
		<p:panel >
		
		<p:tabView id="tabView">  
		  
		    <p:tab id="tab1" title="Resumen">  
				<ui:include src="resumen.xhtml" /> 
		    </p:tab>  
		  
		    <p:tab id="tab2" title="Proyecciones">  
				<ui:include src="eeff-proyectados.xhtml" />
		    </p:tab>  
		  
		    <p:tab id="tab3" title="Flujo de Caja">  
				<ui:include src="flujo-de-caja.xhtml" />  
		    </p:tab>  

		    <p:tab id="tab4" title="Ratios">  
		        <ui:include src="ratios.xhtml" />
		    </p:tab>  
		  
		</p:tabView>  					

		</p:panel>
	</ui:define>	
		
</ui:composition>
</html>